
#navigation{
  height: 30px;
}

#navigation li.item{
  width: 90px;
}


#navigation li.menu-item-login{
  float: right;
}

#navigation li.left{
  margin-right: .1em;
}

#navigation li.item a{
  padding: 0;
  margin: 0;
  height: 30px;
  background: transparent url('') no-repeat scroll center center;
  border: 0;
  width: 100%;
}

#navigation li.item a:hover{
  background: transparent url('') no-repeat scroll center center;
}

#navigation li.item a label{
  visibility: hidden;
  display: none;
}
#navigation li.item a:after{
  content: "";
  display: table;
}

/****
Items de menu
****/

#navigation .menu-main a span{
  background-image: url(./menu/menu_sprite.png);
  display: block;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
}

#navigation li.menu-item-accueil{
  width: 30px;
}

#navigation li.menu-item-accueil a span{
  background-position: -25px 0;
  width: 20px;
}

#navigation li.menu-item-accueil a:hover span,
#navigation li.menu-item-accueil a:focus span{
  background-position: -25px -30px;
}

#navigation li.menu-item-info{
  width: 65px;
}

#navigation li.menu-item-info a span{
  background-position: -75px 0;
  width: 55px;
}

#navigation li.menu-item-info a:hover span,
#navigation li.menu-item-info a:focus span{
  background-position: -75px -30px;
}

#navigation li.menu-item-calendrier{
  width: 120px;
}

#navigation li.menu-item-calendrier a span{
  background-position: -175px 0;
  width: 110px;
}

#navigation li.menu-item-calendrier a:hover span,
#navigation li.menu-item-calendrier a:focus span{
  background-position: -175px -30px;
}

#navigation li.menu-item-photos{
  width: 85px;
}

#navigation li.menu-item-photos a span{
  background-position: -335px 0;
  width: 75px;
}

#navigation li.menu-item-photos a:hover span,
#navigation li.menu-item-photos a:focus span{
  background-position: -335px -30px;
}

#navigation li.menu-item-membres{
  width: 100px;
}

#navigation li.menu-item-membres a span{
  background-position: -455px 0;
  width: 90px;
}

#navigation li.menu-item-membres a:hover span,
#navigation li.menu-item-membres a:focus span{
  background-position: -455px -30px;
}

#navigation li.menu-item-contact{
  width: 165px;
}

#navigation li.menu-item-contact a span{
  background-position: -595px 0;
  width: 155px;
}

#navigation li.menu-item-contact a:hover span,
#navigation li.menu-item-contact a:focus span{
  background-position: -595px -30px;
}

#navigation li.menu-item-presse{
  background-position: -810px 0;
  width: 80px;
}

#navigation li.menu-item-presse a span{
  background-position: -810px 0;
  width: 70px;
}

#navigation li.menu-item-presse a:hover span,
#navigation li.menu-item-presse a:focus span{
  background-position: -810px -30px;
}

#navigation li.menu-item-login a span{
  width: 20px;
  background-position: -935px 0;
}

#navigation li.menu-item-login a:hover span,
#navigation li.menu-item-login a:focus span{
  background-position: -935px -30px;
}

#navigation li.menu-item-login.logged a span{
  background-position: -915px 0;
}

#navigation li.menu-item-login.logged a:hover span,
#navigation li.menu-item-login.logged a:focus span{
  background-position: -915px -30px;
}
